UI/UX Design With Figma : 5+ Real World Projects(2023)

Figma is a leading design software for creating designs efficiently. This practical course guides you through the workflow of a professional app designer, covering user flow diagrams, wireframing, and prototypes. Gain the knowledge to create beautiful and user-friendly apps. Perfect for beginners and experienced designers, it explores key UI/UX concepts and teaches you the skills to make your app stand out. Learn Web and Mobile design principles, use Figma and other industry tools, and become a designer and web developer. Master UI/UX best practices, collaborate with clients and create interactive prototypes. Start earning money from your UI/UX skills and design websites and mobile apps effectively.

• Introduction 01:42

  • 1: introduction 01:42

• Fundamentals of UI/UX design 05:33

  • 2: The difference between UX and UI 05:33

• Introduction to figma 1:27:57

  • 3: Intro To Figma and Download & Install Figma to your desktop 04:00
  • 4: Figma Interface/Dashboard 05:21
  • 5: Import Figma Files in Figma 04:14
  • 6: Tools in Figma 09:30
  • 7: Figma Layers Panel 02:26
  • 8: Figma Components 05:40
  • 9: Design Tab/Panel 14:35
  • 10: Text Tool and Fonts 08:00
  • 11: Images in Figma 04:35
  • 12: Boolean Operations in Figma 02:25
  • 13: Alignment & Distribution Figma 01:26
  • 14: Figma Team Libraries 01:57
  • 15: The Code Panel in Figma 02:26
  • 16: Prototyping in Figma 06:57
  • 17: Horizontal & Vertical Scrolling 04:35
  • 18: Masks in Figma 02:35
  • 19: Figma Exports | .JPG .PNG .SVG .PDF | Save Project into .fig 03:09
  • 20: Mockup in photoshop 04:06

• Plugins in Figma 10:36

  • 21: Plugins in Figma 03:44
  • 22: 5 MUST HAVE Plugins For Figma Designers! 06:52

• Wireframing 101 15:42

  • 23: What Is Wireframing? 02:21
  • 24: Wireframing with Figma 07:27
  • 25: How To Create Wireframe in wireframe.cc 05:54

• Team setup and creating a team project 06:45

  • 26: Create a New Project and File in Figma 03:39
  • 27: Collaborate in real-time(Teams) 03:06

• Project 1 - Food delivery app (Lattofatto) 56:27

  • 28: Wireframing for lattofatto 17:14
  • 29: Brand name page for lattofatto 03:36
  • 30: Sign in page for lattofatto 10:12
  • 31: Signup page for lattofatto 03:30
  • 32: Menu page for lattofatto 13:35
  • 33: Prototyping for Lattofatto 08:20

• Project 2 - OTT streaming website. 29:06

  • 34: Wireframing for OTT streaming platform 07:14
  • 35: OTT streaming platform 19:07
  • 36: Prototyping for OTT streaming platform 02:45

• Project 3 - Music player app 14:34

  • 37: Design your music app 00:59
  • 38: Musify app UI 11:22
  • 39: Prototyping Musify app 02:13

• Project 4 - Social media website 26:14

  • 40: Wireframing for social media app 03:38
  • 41: social media website UI design 22:36

• Project 5 01:11

  • 42: Project 5 (Test your UI/UX skills) 01:11

• Ways to create attractive user interfaces 11:32

  • 43: Grid Systems in Web & UI Design 03:29
  • 44: 15 Things That Make Your UI Design Lit!! 08:03

• Inspiration and Resources 11:12

  • 45: 5 WEBSITES YOU MUST SEE! Web Design Inspiration 06:09
  • 46: Bonus Lecture 05:03

Figma is a leading design software, helping teams and individuals create designs faster and more efficiently. Figma is free and you can use it right on your web browser, on Mac, and on Windows.

The course has a practical component that takes you step-by-step through the workflow of a professional app designer. From user flow diagrams to wireframing to mockups and prototypes.

Students completing the course will have the knowledge to create beautiful and lovable apps that leave people with a smile on their faces.

The UI/UX Design With Figma Course is great for people with absolutely no design experience or experienced designers who want to get up to speed quickly with mobile app design and web design. We'll explore key UI and UX concepts that are essential to building good-looking and easy-to-use apps that are loved by users.

The only apps that do well are ones that are well designed both in terms of user interface and user experience. That's why it is so important to learn the design skills that will make your app stand out in a crowd.

Using the latest best practices in Web Design and Mobile Design as well as User Interface and User Experience Design (UI/UX), this course focuses on efficiently getting you from zero to a point where you can get hired or win freelance contracts. We will use in-demand tools like Figma to show you a full workflow from start to finish.

• This course is for beginners, newbies & amateurs in the field of UI/UX design.
• You are a complete beginner looking to become a designer and freelance
• Beginner/Intermediate designers interested in earning income as a freelance designer
• Anyone who wants to get hired as a Web Designer, Mobile Designer, UI/UX Designer
• Beginner-level designers interested in user interface & user experience design (UI/UX)

• A Computer (Mac or Windows)

• Internet Connection

• No previous design experience is needed.

• We teach you and show you everything from scratch!

Launch a successful UI/UX design career with Figma. Learn to create stunning app designs that delight users. Master design principles, build high-fidelity prototypes, and gain in-demand skills. Become a sought-after UI/UX designer, secure freelance gigs, and shape exceptional user experiences.

Reed Courses Certificate of Completion

Digital certificate - Included